﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Templates/Template2.Master" Inherits="System.Web.Mvc.ViewPage<SushiWeb.Models.Pedido>" %>


<asp:Content ID="Content1" ContentPlaceHolderID="menuContent" runat="server">
    <%
    //string[] menuArray = { "0", "0", "0", "0", "0", "1", "0"};
    string[] menuArray = { "0", "0", "0", "0", "1" };
    Session["menuArray"] = menuArray;
%>
</asp:Content>


<asp:Content ID="Content2" ContentPlaceHolderID="body" runat="server">
    <script type="text/javascript">


        $(document).ready(function () {

            $(".datepicker").datepicker();

            $("#cant").keyup(function () {
                var cantidad = $("#cant").val();
                var precio = this.$("#Precio").val();
                alert(cantidad);
                alert(precio);
                $("#PrecioUnit").val(cantidad * precio);
            }
            // validar formulario
            )
            $("#pedidoForm").validate({
                submitHandler: function (form) {
                    submitForm("");
                },
                rules: {
                    cant: "required"
                }
            });

        });

        function submitForm() {

            var $form = $("#pedidoForm");

            var pedido = { Nombres: $('#Nombres').val(),
                Telefono: $('#Telefono').val(),
                Direccion: $('#Direccion').val(),
                NroDocumento: $('#NroDocumento').val(),
                DetallePedido: { Imagen: $('#Imagen').val(), 
                                Nombre: $('#Nombre').val(),
                                Detalle: $('#Detalle').val(),
                                Cant: $('#Cant').val(),
                                Precio: $('#Precio').val()
                                }
            }; 

            $.ajax({
                type: "POST",
                url: $form.attr('action'),
                data: $form.serialize(),
                error: function (xhr, status, error) {
                    $.msgBox({
                        content: error,
                        type: "error"
                    });
                },
                success: function (data) {
                    $("#loading-div-background").hide();
                    if (data.tipoMensaje == 'INFO') {
                        $.msgBox({
                            content: data.mensaje,
                            type: "info",
                            afterClose: function () {
                                window.location = data.redirectTo;
                            }
                        });
                    } else if (data.tipoMensaje == 'WARN') {
                        $.msgBox({
                            content: data.mensaje,
                            type: "alert"
                        });
                    }

                },
                beforeSend: function (data) {
                    $("#loading-div-background").show();
                }
            });

            return false;
        }

        function calcula(x) {

            var cantidad = $("#can_" + x + "").val();
            var precio = $("#pre_" + x + "").val();
            if (cantidad != "") {
                var total = cantidad * precio;
                $("#precio_" + x + "").val(total);
            }
        }
    </script>
    
    <% using (Html.BeginForm("Pago", "Pedido", FormMethod.Post, new { id = "pedidoForm", @class = "cmxform" }))
       {%>  
    <table style="width:100%;">
        <tr>
            <td colspan="4">
                Mis Pedidos</td>
        </tr>
        <tr>
            <td>
                Cliente :</td>
            <td>
                <%: Html.TextBoxFor(model => Model.Nombres, new { @disabled = "" })%></td>
            <td>
                Telefono:</td>
            <td>
                <%: Html.TextBoxFor(model => Model.Telefono, new { @disabled = "" })%></td>
        </tr>
        <tr>
            <td>
                Direccion :</td>
            <td>
                 <%: Html.TextBoxFor(model => Model.Direccion, new { @disabled = "" })%></td>
            <td>
                Email: </td>
            <td>
                 <%: Html.TextBoxFor(model => Model.NroDocumento, new { @disabled = "" })%></td>
        </tr>
        <tr>
            <td colspan="4">
                <table style="width:100%;">
                    <tr>
                        <td>
                            &nbsp;</td>
                        <td>
                            Producto</td>
                        <td>
                            Detalle</td>
                        <td>
                            cantidad</td>
                        <td>
                            precio</td>
                        <td>
                            &nbsp;</td>
                    </tr>
                    <%  
                        int cuenta = 0;
                        List<SushiWeb.Models.Producto> listaP = (List<SushiWeb.Models.Producto>) Session["SessionDetallePedidos"];
                        if (Model.detallePedido.Count() != 0)   {
                        foreach (var item in Model.detallePedido)
                        { 
                      %>
                    <tr>
                        <td>
                           <img src="../../Content/imgs/<%: item.Imagen%>" width="50" border="0" alt="<%: item.Imagen %>"/> </td>
                        <td>
                            <%: item.Nombre %></td>
                        <td>
                            <%: item.Detalle %></td>
                        <td>
                            <input type="text" value="<%: item.cant %>" id="can_<%:cuenta%>" onblur="calcula(<%:cuenta%>);" style="width:30px"/>
                           </td>
                        <td><input type="hidden" value="<%: item.Precio %>" id="pre_<%:cuenta%>"/>
                            <%: item.Precio %></td>
                        <td>
                            <% double preciuni = item.cant * item.Precio; %>
                            <input type="text" id="precio_<%:cuenta%>" value="<%: preciuni %>" disabled="true" style="width:30px"/></td>
                    </tr>
                 <%  cuenta++;
                       }
                        }%>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td> Total </td>
                        <td>  </td>
                     </tr>
                </table>
               
            </td>
        </tr>
        <tr>
            <td colspan="4">
                 <input id="btnSubmit" type="submit" value="Realizar Pago" class="button"/>
            </td>
        </tr>
    </table>
    
    <% } %>
    

</asp:Content>